<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<style>
	body {
		background-image: url(background-repeat.png);
		margin: 0 auto;
		
	}
	
	#center {
		background-image:url(background.png);
		width: 900px;
		
	}
	
	#pagetitle {
		background-image:url(titel.png);
		background-repeat:no-repeat;
		padding: 0;
		margin: 0;
		width: 700px;
		height: 145px;
	}
	
	#pagetitle h1 {
		display: none;
	}
	
	#main {
		background-image:url(main.png);
		background-repeat:no-repeat;
		width: 900px;
		height: 750px;
	}
	
	#main #menu {
		padding: 0 0px 0 90px;
		margin: 0;
		font-size: 3em;
		font-family: "Comic Sans MS", cursive;
		width: 100%;
		heigth: 40px;
	}
	
	#main #menu ul li {
		
		list-style:none;
		margin: 0 5px;
	}
	
	#main #subtitle {
		background-image:url(titellabel.png);
		background-repeat:no-repeat;
		width: 900px;
		height:70px;
		margin: 0 50px;
		padding: 20px 10px 0 10px;
		font-size: 2em;
		
	}
	
	#main #content {
		width: 750px;
		height: 440px;
		border: 1px solid #000;
		margin: 0 105px 0 45px; 
		
	}
	
	#main #navigation {
		width: 400px;
		height: 40px;
		
		margin: 0 250px 0 250px; 
		padding: 40px 0 0 0;
	}
	
	#main #navigation div {
		border: 1px solid #000;
	}
	
</style>
</head>

<body>
	<div id="center">
    	<div id="pagetitle">
        	<h1>Huisje Ukkepuk</h1>
        </div>
        <div id="main">
        	<div id="menu">
            	<ul>
                	<li>Home</li>
                   
                </ul>
            </div>
            <div id="subtitle">
            	Titel
            </div>
            <div id="content">
            	Content goes here
            </div>
             <div id="navigation">
            	<div> navigation  in here </div>
            </div>
            
        </div>
    
    </div>


</body>
</html>
